<template>
    <el-card class="box-card" style="width: 600px;margin: auto">
        <template #header>
            <div class="card-header">
                <span>登录</span>
            </div>
        </template>
        <el-form label-width="100px" style="display: inline-block;">
            <el-form-item>
                <div style="width: 100%;">
                    <h1 style="display: inline-block;font-size: 40px">
                        登录
                    </h1>
                    <router-link to="/reg" style="float: right;position: relative;
                            top:45px;text-decoration: none;color: deepskyblue">
                        没有账号?立即注册
                    </router-link>
                </div>
            </el-form-item>
                <router-link to="/login/loginByUsername">用户名密码登录</router-link> |
                <router-link to="/login/loginByPhone">手机验证码登录</router-link>
            <div style="margin-top: 20px">
                <router-view/>
            </div>

        </el-form>
    </el-card>
</template>

<script setup>
import {ref} from "vue";


const user = ref({username:'',password:''})

</script>

<style scoped>
.div-input{
    margin-bottom: 20px;
}
a{
    text-decoration: none;
    color: deepskyblue
}
</style>